<!DOCTYPE html>
<!--[if lt IE 7]> <html lang="en" ng-app="myApp" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html lang="en" ng-app="myApp" class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html lang="en" ng-app="myApp" class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html lang="en" ng-app="fbdApp">
    <!--<![endif]-->
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>My AngularJS App</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="styles/app.css">
        <!-- <link rel="stylesheet" href="bower_components/html5-boilerplate/dist/css/main.css"> -->
    <link rel="stylesheet" href="ruleModule/views/rules.css">
    <link rel="stylesheet" href="templateModule/views/ruleGroup.css">
    <link rel="stylesheet" href="uploadModule/views/upload.css">
        <!-- <script src="bower_components/html5-boilerplate/dist/js/vendor/modernizr-2.8.3.min.js"></script> -->
  </head>
  <body>

    <ng-form name="newTemplate" ng-controller="templateCtrl">
      <div ng-show="newTemp">
        <h4>新建模板</h4>
        <div class="form-group">
            <label for="template-name" class="control-label">模板名称</label>
            <!-- <div class="col-md-10"> -->
                <input type="text" name="template-name" ng-model="tempName" class="form-control">
            <!-- </div> -->
        </div>
        <button class="btn btn-default" ng-disabled="!tempName" ng-click="newTempToNext()">下一步</button>
      </div>

      <div ng-show="upload">
        <h4>上传文件</h4>
        <upload-file></upload-file>
        <button class="btn btn-default" ng-click="toNewTemp()">上一步</button>
        <button class="btn btn-default" ng-click="addNewRules()" ng-disabled="!isUploaded">下一步</button>
      </div>

      <div class="show-rules" ng-show="selectedRules.length!=0">
        <h4>已选规则</h4>
        <button ng-repeat="rule in selectedRules" class="btn btn-default">{{rule.name}}</button>
        <!-- <span class="selected-rules" ng-repeat="rule in selectedRules">{{rule.name}}</span> -->
      </div>
      <button ng-show="addSubrule" class="triggerNewRule btn btn-warning" ng-click="addNewRules()">添加新规则</button>

      <!-- 尝试调用modal -->
      <button class="btn btn-default" ng-click="open()">open modal</button>

      <button class="btn btn-default" ng-click="testTemp()">test template</button>
      <button class="btn btn-default" ng-click="saveTemp()">save template</button>

      {{testObj}}
      {{postData}}



    结果：{{testResult}}

    <!-- <test-text test-type="testType"></test-text>
    {{testType}} -->

    <new-rule testing={{testing}}></new-rule>

    <table class="table table-responsive table-bordered">
      <tr>
        <th ng-repeat="head in show.rule.head">
          {{head}}
        </th>
      </tr>
      <tr ng-repeat="page in show.rule.res">
        <td ng-repeat="rules in page">
          共{{rules.length}}条结果
          <ul>
            <li ng-repeat="r in rules">
                {{$index+1}}.{{r}}
            </li>
          </ul>
        </td>
      </tr>
    </table>
    <!-- {{testing}} -->

    </ng-form>

    <rule-group></rule-group>



    <button class="btn btn-default">测试模板</button>

    <!-- <div new-rule test-type="file">

    </div> -->


    <!-- <new-rule test-type="file"></new-rule> -->


    <!-- <div ng-view></div> -->
        <!-- In production use: <script src="//ajax.googleapis.com/ajax/libs/angularjs/x.x.x/angular.min.js"></script> -->
    <script src="bower_components/jquery/dist/jquery.min.js"></script>
    <script src="bower_components/angular/angular.js"></script>
    <script src="bower_components/angular-route/angular-route.js"></script>
    <script src="bower_components/angular-mocks/angular-mocks.js"></script>
    <script src="bower_components/angular-bootstrap/ui-bootstrap.js"></script>
    <script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
    <script src="bower_components/ng-file-upload/ng-file-upload.js"></script>
    <script src="bower_components/angular-sanitize/angular-sanitize.js"></script>

    <!-- modules -->
    <script src="app.js"></script>
    <script src="ruleModule/rule.module.js"></script>
    <script src="templateModule/template.module.js"></script>
    <script src="uploadModule/upload.module.js"></script>
    <script src="modalModule/modal.module.js"></script>
    <script src="testTextModule/testText.module.js"></script>
    <script src="auxModule/auxi.module.js"></script>
    <!-- <script src="controllers/e2emock.js"></script> -->

    <!-- controllers -->
    <!-- <script src="controllers/modalController.js"></script> -->
    <script src="templateModule/controllers/templateController.js"></script>
    <script src="ruleModule/controllers/ruleController.js"></script>
    <script src="uploadModule/controllers/uploadController.js"></script>
    <script src="templateModule/controllers/ruleGroupController.js"></script>
    <script src="testTextModule/controllers/textController.js"></script>

    <!-- services -->
    <script src="modalModule/services/modalService.js"></script>
    <!-- <script src="ruleModule/services/ruleService.js"></script> -->
    <script src="auxModule/services/communicate.js"></script>
    <script src="auxModule/services/fbdService.js"></script>

    <!-- filters -->
    <script src="ruleModule/filters/ruleDataFilter.js"></script>
    <script src="templateModule/filters/templateDataFilter.js"></script>
    <script src="templateModule/filters/showTemplate.js"></script>
    <script src="auxModule/filters/enterFilter.js"></script>


    <!-- directives -->
    <script src="auxModule/directives/compile.js"></script>
    <script src="templateModule/directives/ruleGroup.js"></script>
    <script src="uploadModule/directives/uploadFile.js"></script>
    <script src="ruleModule/directives/newRules.js"></script>
    <script src="testTextModule/directives/testText.js"></script>


    <!-- <script src="services/testService.js"></script> -->
        <!-- <script src="view1/view1.js"></script>
        <script src="view2/view2.js"></script> -->
        <!-- <script src="components/version/version.js"></script> -->
        <!-- <script src="components/version/version-directive.js"></script> -->
        <!-- <script src="components/version/interpolate-filter.js"></script> -->
    </body>
</html>
